<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>预览页</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection"/>
  <link href="/css/preview.css" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" href="/css/icon.css">
  <link href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <div class="card_head">
                <img class="am-circle" src="http://img.52z.com/upload/news/image/20181108/20181108204521_83402.jpg" width="60" height="60">
        </div>
        <div class="content">
                <p>眼管家</p>
                <p>眼管家代金券</p>
                <button>立即使用</button>
                <div class='checkbox'>
                    <input type='checkbox' id='checkbox1' name='checkboox[]'>
                    <label for='checkbox1'>是否添加到微信卡包</label>
                </div>
                
                <!-- <div class="ifaddCard">
                    <input type="checkbox" name="vehicle" value="Bike">&nbsp;&nbsp;&nbsp;是否添加到微信卡包<br>
                </div> -->
                <p>有效期：<span>2016.04.30-2016.04.30</span></p>
                <hr>
                <div class="detail-content">
                    <div class="detail">
                        <div style="display: flex">
                                <label  style="width: 150px;">手机号</label>
                                <input  type="tel" placeholder="请输入手机号" 
                                style="   
                                width: 100%;
                                border: 0;
                                outline: 0;
                                -webkit-appearance: none;
                                background-color: transparent;
                                font-size: inherit;
                                color: inherit;
                                height: 1.47058824em;
                                line-height: 1.47058824;">
                        </div>
                    </div>
                    <hr>

                    <div class="detail">
                        <div class="weui-cell weui-cell_vcode"  style="padding: 0;">
                            <div class="weui-cell__hd">
                                <label class="weui-label">手机号</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="tel" placeholder="请输入手机号">
                            </div>
                        </div>
                    </div>
                    <hr>

                    <div class="detail" onclick="showDetailText()">
                            <p>代金券详情</p>
                            <p class="a-link"></p>
                    </div>
                    <p class="detail-text">
                            使用说明：仅可购买护理商品。温馨提示：该券当前还剩<span>8</span>天，快点击上方的按钮去使用吧!
                          </p>
                </div>
                <hr>
                <div  class="detail">
                    <div>
                        <p>眼管家</p>
                        <p>江南西465656号</p>
                    </div>
                    <div class="aui-palace-grid-icon" onclick="call()" >
                        <icon class="icon phone" style="color: #e65737;font-size:24px"></icon>
                    </div>
                </div>
                <hr>

                <a href="">
                    公众号
                </a>
        </div>
    </div>
    <script>
         function showDetailText(){
            let Alink = document.querySelector('.a-link')
            let detailText = document.querySelector('.detail-text')
            if(Alink.className == 'a-link'){
                Alink.className = 'a-link act'
                detailText.className = 'detail-text active'
                // detailText.style.height ='40px'
            }else{
                Alink.className = 'a-link'
                detailText.className = 'detail-text'
                // detailText.style.height ='0'
            }
        }
         
        function call(){
            window.location.href = 'tel://' + '4008038908';
        }

        wx.request({url,data}).then(()=>{
            
        })
    </script>
</body>
</html>